.slider {

    width: 100%;

    height: 708px;

    margin: 0 auto;

    overflow: hidden;

}

/* 鍒囨崲鎸夐挳 */



    /* 涓婁竴涓� */



.osSlider-main .slider-btn-prev {



    position: absolute;



    z-index: 30;



    top: 50%;



    left: -45px;



    width: 40px;



    height: 40px;



    text-indent: -9999px;



    margin-top: -20px;



    background: url(./img/prev.png) 50% 50% no-repeat;



    transition: all .5s linear;



}







.osSlider-main:hover .slider-btn-prev {



    left: 5px;



}



    /* 涓嬩竴涓� */



.osSlider-main .slider-btn-next {



    position: absolute;



    z-index: 30;



    top: 50%;



    right: -45px;



    width: 40px;



    height: 40px;



    text-indent: -9999px;



    margin-top: -20px;



    background: url(./img/next.png) 50% 50% no-repeat;



    transition: all .5s linear;



}







.osSlider-main:hover .slider-btn-next {



    right: 5px;



}







/* 楂樹寒瀵艰埅閮ㄥ垎 */



.osSlider-main .slider-nav {



    position: absolute;



    width:100%;



    height: 22px;



    bottom: 15px;



    text-align: center;



    z-index: 25;



}



.osSlider-main .slider-nav li {



    display: inline-block;



    height: 20px;



    line-height: 20px;



    padding: 0 6px;



    margin: 0 12px;



    font-size: 12px;



    background: #fff; color: #305cc5;



    border: 1px solid #fff;





    cursor: pointer;



}



.osSlider-main .slider-nav li.active {



      border: 1px solid #305cc5;



    background: #305cc5; color: #fff;



}



.osSlider-main .slider-nav li:hover {



    border: 1px solid #305cc5;

color: #fff;

    background: #305cc5;



}